<template>
	<view class="homePage">
		<view class="account">
			<text>账号信息</text>
			<text>账号年龄:<text>{{homePageData.accountNumberAge}}</text> </text>
			<text>账号ID:<text>{{homePageData.accountNumberID}}</text> </text>
		</view>
		<view class="personal">
			<text>个人信息</text>
			<text v-for="(item,index) in homePageData.personal" :key="index">{{item.type}}:<text>{{item.content}}</text></text>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			homePageData: {
				type: Object,
				default: null
			}
		}
	}
</script>

<style lang="scss">
	.homePage {
		height: 100%;
		padding: 0rpx 20rpx;

		.account,
		.personal {
			display: flex;
			flex-direction: column;
			border-bottom: 2rpx solid #DFDFDF;

			>text {
				&:first-of-type {
					margin: 25rpx 0rpx;
					font-size: 1.2rem;
				}

				&:not(:first-of-type) {
					margin: 10rpx 0rpx;

					text {
						padding-left: 12rpx;
					}
				}
			}
		}
	}
</style>
